<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <input type="text" id="inp">
    <button id="btn">判断闰年</button>
    <input type="text" id="res">

    <script>

        // 思路
        //    1 那所有对象
        //    2 绑定点击事件
        //       2.1 那输入框的值
        //       2.2 逻辑判断


        var oInp = document.getElementById('inp') ;
        var oBtn = document.getElementById('btn') ;
        var oRes = document.getElementById('res') ;

        // 2 点击
        oBtn.onclick = function() {
            // 2.1 拿值
            var n = oInp.value ;
            // 2.2 判断不是闰年
            //    普通闰年  能被4整除，并且不能被100整除
            //    世纪闰年  能被400整除
            //    注意：年份要么是普通闰年要么是世纪闰年
            // if((n % 4 === 0 && n % 100 !== 0) || (n % 400 === 0) ) {
            // if(n % 4 === 0 && n % 100 !== 0 || n % 400 === 0 ) {
            // && > ||   运算符的优先级~！！！！！！！！！！！！！！
            if(n % 400 === 0 || n % 4 === 0 && n % 100 !== 0) {
                oRes.value = '闰年' ;
            }
            else {
                oRes.value = '不是闰年' ;
            }
        }

    </script>
    
</body>
</html>